// src\containers\Count\index.jsx
// Count组件的容器组件

// 引入Count组件的UI组件
import CountUI from '../../components/Count'
// 引用connect用于连接UI组件与redux
import { connect } from 'react-redux'
// 引入当前组件的action
import {createIncrementAction,createDecrementAction,createIncrementAsyncAction} from '../../redux/count_action'
// mapStateToProps会默认回调当前组件state的值
function mapStateToProps(state) {
    return { count: state }
}
//mapDispatchToProps回调dispatch
function mapDispatchToProps(dispatch) {
    return {
        //加法操作
        jia:number=>dispatch(createIncrementAction(number)),
        //减法操作
        jian:number=>dispatch(createDecrementAction(number)),
        //异步加法
        jiaAsync:(number,time)=>dispatch(createIncrementAsyncAction(number,time))

    }
}
// 使用connect()创建并暴露一个Count容器组件
// connect()中接收两个函数mapStateToProps,mapDispatchToProps，两个函数的返回类型必须为对象
export default connect(mapStateToProps, mapDispatchToProps)(CountUI);
